@import
  "base/var",
  "base/mixin";
@import
  "base/reset",
  "base/reboot";
@import "base/main";
// @import
//   "base/input",
//   "base/button",
//   "base/tag",
//   "base/main";
// @import
//   "partials/header",
//   "partials/main",
//   "partials/footer",
//   "partials/_extra";

// #green_channel>span,
// #author_profile_follow>span,
// #p_b_follow>span {
//   display: inline-block;
//   color: $color-white !important;
//   padding: 2px 4px;
//   background-color: $color-danger !important;;
//   font-size: 12px;
// }

// #author_profile a:hover {
//   text-decoration: none !important;
// }
html, body, #home {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Main */
#mainContent {
  width: 100%;
  max-width: 800px;
  margin: $header-height + 70 auto 0;
  padding: 0 10px;

  &.static {
    margin-top: 70px;
  }
}

/* Home */
@import "partials/main-body-post";
@import "partials/main-body-markdown";
@import "partials/main-body-signature";
@import "partials/main-body-comment";
@import "partials/main-body-ad";

.c_b_p_desc {
  margin: 15px 0;

  .desc_img {
    margin-left: 10px;
    max-height: 80px;
    border: 1px solid $color-accent;
  }
}

// @import "partials/media";
@import "scrollbar";

.hide,
#header,
#footer,
#sideBar,
.c_b_p_desc_readmore,
.postDesc,
#post_next_prev,
#author_profile,
#div_digg .buryit {
  @extend template;
}

@import "blackcat";
@import "partials/media";